<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "
http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>喂哟_Give out your VIEW</title>
		<%@ include file="jspf/metadata.jspf"%>
		<link href="css/login.css" rel="stylesheet" type="text/css">
		<script type="text/javascript" src="js/login.js"></script>
	</head>

	<body>
		<s:if test="infoId==1">
			<script language="javascript" type="text/javascript">
	alert("已注册成功，请登录");
</script>
		</s:if>
		<s:elseif test="infoId==2">
			<script language="javascript" type="text/javascript">
	alert("用户名或密码错误，登录失败，请重新登录！");
</script>
		</s:elseif>
		<s:elseif test="infoId==3">
			<script language="javascript" type="text/javascript">
	alert("退出成功，如需访问，请重新登录！");
</script>
		</s:elseif>



		<!-- 页面上部 -->
		<header>
		<div id="header" class="syspic">
			<div id="reg-but" class="syspic">
				<a href="reg.jsp"></a>
			</div>
		</div>
		<div id="blue-line"></div>
		</header>
		<!-- 网页主体内容 -->
		<div class="content">
			<!-- 页面左侧分栏 -->
			<div class="left-box">
				<ul id="blog-list">
					<s:iterator value="recentBlogs" var="recentBlog">
						<li class="blog-item">
							<a
								href="gotoMain.action?userId=<s:property value="#recentBlog.publisher.iduser"/>"
								class="avatar"> <img
									src="img/avatar/<s:property value="#recentBlog.publisher.avatar"/>">
							</a>
							<div class="blog-content">
								<div class="text-content">
									<a
										href="gotoMain.action?userId=<s:property value="#recentBlog.publisher.iduser"/>"
										class="blogger-name"
										id="blogger<s:property value="#recentBlog.publisher.iduser"/>"><s:property
											value="#recentBlog.publisher.nickname" /> </a>：
									<span class="real-text-content"
										id="blog<s:property value="#recentBlog.idmblog"/>"><s:property
											value="#recentBlog.mblogTxt" /> </span>
								</div>
								<div class="media-content"></div>
								<!-- 微博信息底栏，包括发布日期、客户端，以及转发及评论按钮 -->
								<div class="info-bar">
									<span class="time"><s:property
											value="#recentBlog.mblogTime" /> </span>
									<span class="agent">来自<span class="agent-content">网页</span>
									</span>
								</div>
							</div>
						</li>
					</s:iterator>
				</ul>
				<!-- 新用户区域 -->
				<div class="new-area">
					<h2>
						最近加入：
					</h2>
					<ul>
						<s:iterator value="newUsers" var="newUser">
							<li>
								<img src="img/avatar/<s:property value="#newUser.avatar"/>"
									alt="avatar">
								<p>
									<s:property value="#newUser.nickname" />
								</p>
							</li>
						</s:iterator>
						<!-- 使用clear属性清理浮动，下同 -->
						<div class="clear"></div>
					</ul>
				</div>
				<!-- 热门用户区域 -->
				<div class="hot-area">
					<ul class="hot-users">
						<s:if test="hotUsers.size ==0">
							<h2>
								热门用户：
							</h2>
							<li>
								<span>喔唷，还没热门用户呐~快来当~</span>
							</li>
						</s:if>
						<s:else>
							<h3>
								粉丝数
							</h3>
							<h2>
								热门用户：
							</h2>
							<s:iterator value="hotUsers" var="hotUser">

								<li>
									<!-- <a
										href="gotoMain.action?userId=<s:property value="#hotUser.hotuser.iduser"/>"><s:property
											value="#hotUser.hotuser.nickname" /> </a> -->
									<a>
										<s:property	value="#hotUser.hotuser.nickname" />
									</a>
									<p>
										<s:property value="#hotUser.fans" />
									</p>
									<div class="clear"></div>
								</li>

							</s:iterator>
						</s:else>
						<!-- 使用clear属性清理浮动，下同 -->
						<div class="clear"></div>
					</ul>
				</div>
			</div>
			<!-- 页面右侧分栏 -->
			<div class="right-box">
				<!-- 登录表单 -->
				<form name="loginForm" action="j_spring_security_check"
					method="post" class="login">
					<h2>
						立即登录：
					</h2>
					<div class="clear"></div>
					<ul>
						<li>
							<span>帐 号：</span>
							<input type="text" name="j_username" id="uname"
								autofocus="autofocus" />
							<div class="clear"></div>
						</li>
						<li>
							<span>密 码：</span>
							<input type="password" name="j_password" id="pwd" />
							<div class="clear"></div>
						</li>
					</ul>
					<div class="errorMsg">
					</div>
					<input type="image" src="img/transparent.png" class="syspic"
						id="submit"
						onclick="if(checkForm()) loginForm.submit(); else return false;" />
				</form>
				<div id="intro"></div>
			</div>
			<div class="clear"></div>
		</div>
		<%@ include file="jspf/l_footer.jspf"%>
	</body>
</html>
